{% extends "agm1.0/base.html" %}
{% block base0 %}<style>
.head_pic, .ui-content{
    max-width: 1000px;
    margin: auto;
}
.head_pic img{
    width: 100%;
}
</style>{% endblock %}
{% block base1 %}{% endblock %}
{%- block body %}   
        <section id="track_check" data-role="page" data-add-back-btn="true">
            <header data-role="header" data-position="fixed">
                <a href="." data-icon="home" data-iconpos="notext" rel="external">Home</a>
                <h3>{{ _t('1:64轨道故障排除', '1:64 track troubleshooting')}}</h3>
            </header>
                <div class="head_pic"><img src="/static/images/tu2.jpg"></div>
                <div class='wx_logo' style='display:none;'><img src="/static/images/wx_logo.jpg"/></div> 
            <div data-role="content">
                <div id="display0">
                    <ul data-role="listview" data-inset="true" data-icon="arrow-r" class="ui-icon-alt">             
                        <li><a href="#a" data-ajax="false">小车不能跑动</a></li> 
                        <li><a href="#b" data-ajax="false">小车容易跑出轨道</a></li>
                        <li><a href="#c" data-ajax="false">小车行驶卡顿、缓慢</a></li>
                        <li><a href="#d" data-ajax="false">小车刷片在什么情况下需要更换</a></li>
                        <li><a href="#e" data-ajax="false">小车跑不上360度圆环</a></li>                        
                    </ul>                
                </div>
                <div id="display1" style="display:none;">
                <h3 class="q_title"></h3>
                <img src="" class="q_image" style="max-width:100%;"/>
                <div class="quetion"></div>
                <div class="q_red" style="color:red"></div>
                <div id="choose" data-role="controlgroup" data-type="horizontal">
                    <a href="#a1" data-role="button" data-icon="check">是</a>
                    <a href="#a2" data-role="button" data-icon="delete">否</a>                    
                </div>
                <a href="#" id="backchoose" data-role="button" data-inline="true" data-icon="forward">返回</a>
                </div>
            </div>
            <footer data-role="footer" data-position="fixed"><h5><small>©2020 {{_t('AGM 英宝玩具', 'Top-Racer')}}</small></h5></footer>
        </section>       
    {% endblock %}
{% block base2 %}<script>
var q_a = {
    '#a': '主控板上模式开关，是否对应正确的控制器（手摇对应手摇控制器，电动对应电动控制器）',
    '#a1': '检查电动/手摇控制器是否完全插入控制板1、2号插口处',
    '#a2': '请在主控板连接对应模式的控制器',
    '#a11': '控制器是否控制对应编号的跑道',
    '#a12': '把控制器完全插入控制板插孔处',
    '#a111': '车底刷片是否良好接触到轨道铁条',
    '#a112': '把小车放置在对应的赛道上',
    '#a1111': '车头是否指向正确的行驶方向',
    '#a1112': '把车底刷片拨整齐，放置车时，使刷片接触到轨道',
    '#a11111': '小车换到另一条跑道是否能跑动',     
    '#a11112': '把车头朝图中箭头所指方向摆放', 
    '#a111111': '主控板可能有一条道损坏了', 
    '#a111112': '小车可能损坏了',
    '#b': '检查车底是否有导向片',
    '#b1': '是否因为刷片没有调节好，使小车被支起，导致导向片没有完全卡在轨道凹槽里？',
    '#b2': '在备用零件袋里寻找导向片进行更换',
    '#b11': '把车底刷片拨整齐，放置车时使车底导向柱完全卡在轨道凹槽里，使刷片良好的接触到轨道',
    '#b12': '车子因为车速太快而冲出弯道<br>方法1、可在弯道适当减速，防止车速过快导致惯性冲出轨道<br>方法2、可以使用主控板上的快档慢档转换开关。拨到慢档，可以降低小车车速。',
    '#c': '请检查轨道板之间是否扣紧',
    '#c1': '车底刷片是否磨损发黑，卷成一团',
    '#c2': '请把轨道板扣紧',
    '#c11': '在备用零件袋里寻找刷片进行更换（<a href="https://v.youku.com/v_show/id_XMzY0ODg3NDQyMA==.html">请观看指导视频</a>）',
    '#c12': '拿起小车检查车底刷片是否干净（无吸附灰尘杂物）',
    '#c121': '结论：小车经过长时间使用，速度降低。<br>解决方案：方法1、主控板拨到快档，增加小车的速度。方法2、更换全新的小车。',
    '#c122': '请清洁刷片，并用干布轻轻擦去轨道表面积灰',
    '#d': '刷片发黑，刷片卷曲成一团，刷片磨损严重',
    '#e': '方法1：调节快档。<br>方法2：按turbo键（<a href="https://v.youku.com/v_show/id_XMzk3MTU4OTE4MA==.html">请观看指导视频</a>）'    
}, q_t = {
    'a': '小车不能跑动',
    'b': '小车容易跑出轨道',
    'c': '小车行驶卡顿、缓慢',
    'd': '小车刷片在什么情况下需要更换',
    'e': '小车跑不上360度圆环', 
}, q_image = {
    '#a': 'http://cn.top-racer.com/images/trackcheck1/1-1.jpg',
    '#a1': 'http://cn.top-racer.com/images/trackcheck1/1-2.jpg',    
    '#a11': 'http://cn.top-racer.com/images/trackcheck1/1-3.jpg',    
    '#a111': 'http://cn.top-racer.com/images/trackcheck1/1-4.jpg',    
    '#a1112': 'http://cn.top-racer.com/images/trackcheck1/1-5.jpg',    
    '#a1111': 'http://cn.top-racer.com/images/trackcheck1/1-6.jpg',    
    '#a11112': 'http://cn.top-racer.com/images/trackcheck1/1-7.jpg',    
    '#b': 'http://cn.top-racer.com/images/trackcheck1/2-1.jpg',    
    '#b1': 'http://cn.top-racer.com/images/trackcheck1/2-2.jpg',    
    '#b2': 'http://cn.top-racer.com/images/trackcheck1/2-3.jpg',    
    '#b11': 'http://cn.top-racer.com/images/trackcheck1/2-4.jpg',    
    '#b12': 'http://cn.top-racer.com/images/trackcheck1/2-5.jpg',
    '#c': 'http://cn.top-racer.com/images/trackcheck1/3-1.jpg', 
    '#c2': 'http://cn.top-racer.com/images/trackcheck1/3-2.jpg', 
    '#c1': 'http://cn.top-racer.com/images/trackcheck1/3-3.jpg', 
    '#c11': 'http://cn.top-racer.com/images/trackcheck1/3-4.jpg', 
    '#c12': 'http://cn.top-racer.com/images/trackcheck1/3-5.jpg', 
    '#d': 'http://cn.top-racer.com/images/trackcheck1/4-1.jpg', 
    '#e': 'http://cn.top-racer.com/images/trackcheck1/5-1.jpg', 
}, q_red = {
    // '#a112': '(*请参考刷片的调整一图)',
    // '#b22': '(*请参考轮皮的调整一图)',
    // '#c2': '(*请参考轨道板的拼装一图)',
    // '#c111': '(*也可购买DTR-P3车底刷片配件包)',
    // '#c1122': '（*请参考轮皮的调整一图）'
}
window.onhashchange = function(){
    var hash = location.hash;
    refresh(hash)
}
refresh_button = function(hash){
    if(q_a[hash+'1']){
    $('#choose').show();
    $('#choose [data-role=button]').each(function(){
        var self = $(this);
        switch(self.attr('data-icon')){
            case 'check':
                self.attr('href', hash+'1');
                break;
            case 'delete':
                self.attr('href', hash+'2');
                break;               
        }
    });
    }else{
        $('#choose').hide();
    }
    var backhash = hash.substr(0, hash.length-1);
    // if(backhash&&backhash!="#"){
        $('#backchoose').attr('href', backhash);        
    // }else{
    // }
}
refresh = function(hash){ 
    if(!hash||hash=="#"){
        $('#display0').show();
        $('#display1').hide();
    }else{
        $('#display1').show();
        $('#display0').hide();        
        $('.quetion').html(q_a[hash]);
        if(q_image[hash]){
            $('img.q_image').attr('src', q_image[hash]).on('load', function(){
                $(this).show();
            })
        }else{
            $('img.q_image').hide();
        }
        if(q_red[hash]){
            $('.q_red').text(q_red[hash]).show();
        }else{
            $('.q_red').hide();
        }
        $('.q_title').text(q_t[hash.substr(1,1)]);
        refresh_button(hash);
    }    
}

$(document).ready(function(){
    if(location.hash){
        refresh(location.hash);
    }
})

$(document).on('click', '[data-role=button]', function(){
    var self = $(this);
    var hash = self.attr('href')
    console.info(self.attr('href'));
    location.hash = hash;
})

</script>{% endblock %}
